import React from "react";
import { View, Text, ImageBackground, Image, ScrollView, TouchableWithoutFeedback } from "react-native";
import style from './style.js'

class DetailsScreen extends React.Component {
  _onPressButton = () => {
    this.props.navigation.navigate('Photo')
  }
  render() {
    return (
      <View style={style.contain}>
        <ImageBackground
          source={require('../../static/img1.jpg')} 
          blurRadius={2} 
          style={style.header}
        >
          <TouchableWithoutFeedback onPress={this._onPressButton}>
            <Image source={require('../../static/img1.jpg')} style={style.img} />
          </TouchableWithoutFeedback>
          <Text style={style.text}>头像</Text>
        </ImageBackground>
        <ScrollView style={style.detail}>
          <Text style={style.text}>年龄：28</Text>
        </ScrollView>
      </View>
    );
  }
}
export default DetailsScreen
